<template>
	<view id="app">
		<view style="height: 15rpx;"></view>
		<view class="list_top">
			<view class="list_top_right">
				<image src="../../../commodity/static/image/search/search.png"
					style="width: 40rpx;height: 40rpx;margin-left: 20rpx;"></image>
				<input type="text" placeholder="搜索目的地 / 酒店产品 (英文/拼音/中文)" />
			</view>
		</view>
		<view class="mainBox">
			<view class="box_left">
				<view class="box_left_li active">
					<view>热门</view>
				</view>
				<view class="box_left_li">
					中国
				</view>
				<view class="box_left_li">
					亚太
				</view>
				<view class="box_left_li">
					欧洲
				</view>
				<view class="box_left_li">
					美洲
				</view>
				<view class="box_left_li">
					其他
				</view>
			</view>
			<view class="box_right">
				<view class="box_right_top">
					<view style="margin-top: -10rpx;">热门</view>
				</view>
				<view class="box_right_bottom">
					<view v-for="(items,index) in places">
						{{items.place}}
					</view>
				</view>
			</view>
		</view>
	</view>
</template>
<script>
	export default {
		data() {
			return {
				hot: "热门",
				places: [
					{place: "马尔代夫"},
					{place: "三亚"},
					{place: "浙江"},
					{place: "上海"},
					{place: "江苏"},
					{place: "云南"},
					{place: "普吉岛"},
					{place: "苏梅岛"}
				]
			}
		},
		onLoad() {

		},
		methods: {

		}
	}
</script>

<style>
	@import url(../../static/css/search.css);
</style>
